<!DOCTYPE html>
<!--FINAL INDEX UPDATED-->
<html lang="en" xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
          integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <style>
        .nav-tabs li .active {
            background-color: #bb89aa;
            color: #fff !important;
        }

        .accordion .card-body {
            background-color: #f0f4f7;
        }

        .accordion .fa {
            margin-right: 0.5rem;
        }

        .accordion button,
        .accordion button:hover,
        .accordion button:focus {
            text-decoration: none;
        }

        .card-header:after {
            content: "\2212";
            color: #000;
            font-weight: bold;
            float: left;
            margin-right: 13px;
            margin-left: 0px;
            font-size: 18px;
        }

        .collapsed:after {
            content: '\002B';
        }
    </style>
    <script>
        var acc = document.getElementsByClassName("accordion");
        var i;
        for (i = 0; i < acc.length; i++) {
            acc[i].addEventListener("click", function () {
                this.classList.toggle("active");
                var panel = this.nextElementSibling;
                if (panel.style.maxHeight) {
                    panel.style.maxHeight = null;
                } else {
                    panel.style.maxHeight = panel.scrollHeight + "px";
                }
            });
        }
    </script>
</head>

<body>
<!-- HERO -->

<div class="container" style="width:84vw">
    <!--Slide-->
    <div class="row" style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
        <div class="col-lg-12 d-flex flex-column align-items-center">
            <h1 class="text-center text-uppercase"
                style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #5154a5; font-weight: 900 !important;">
                <span style="color:#5154a5;">Test use, add barcode content</span>
            </h1>
            <p class="my-1 text-center text-uppercase"
               style="letter-spacing: 4px !important; color: #74788D !important;font-size: 21px;font-weight: bold;">
                Test use, quickly add barcode parameters</p>
        </div>


        <div class="mt-5 col-lg-12 d-flex flex-column align-items-center">

            <div style="margin:2rem">
                <img src="./banner.png"
                     class="col-lg-12 d-flex flex-column align-items-center">
            </div>
        </div>


    </div>


</div>


</body>

</html>
